<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<div class="easyui-panel" style="width:100%">
	<ul  id = "tab_tt" ></ul>
</div>
<div id="tab_west1" hidden ="YES" >
		<div style="color:#99BBE8;background:#fafafa;padding:5px;font-size: 15px">选择画面风格:</div>
		<div style="padding:10px">
			<input type="radio" name="lang" value="01"><span>Office 2007(blue)</span><br/>
			<input type="radio" name="lang" value="01"><span>Office 2007(black)</span><br/>
			<input type="radio" name="lang" value="01"><span>Office 2007(silver)</span><br/>
			<input type="radio" name="lang" value="01"><span>Office 2007(aqua)</span><br/>
			<input type="radio" name="lang" value="01"><span>Windows 7</span><br/>
			<input type="radio" name="lang" value="02"><span>Office 2010(blue)</span><br/>
			<input type="radio" name="lang" value="02"><span>Office 2010(silver)</span><br/>
			<input type="radio" name="lang" value="02"><span>Office 2010(black)</span><br/>
		</div>
	</div>
	<div id="tab_west3" hidden ="YES">
		<div id ="cc1" class="easyui-calendar" style="width:190px;height:190px;margin: 2"></div>
		<div id ="cc2"  class="easyui-calendar" style="width:190px;height:190px;margin: 2"></div>
	</div>
<script>
	
	$(function(){
		$('#cc1').calendar({
		    current:new Date()
		});
		$('#cc2').calendar({
			 current:new Date()
		});
		reloadtab();
	})

	function reloadtab(){
		var param = $("#searchbox-button").val();
		var url = '${ctx}/demo/util/json.do';
		var params={};
		if(param){
			params={
				param:param	
			}
		}
		$.get(url,
				params,
	         function(data){
	                 $('#tab_tt').tree({
	                     data:data,
	                     onClick:function(node){  
	                         if(node.id.indexOf("click")>=0){
	                        	 reloadeast(node.devaddr);
	                         }
	                     }  
	    			});
	                 
	               
            },
           'json'
	    );
		

	}
	
	
	function westchange(index){
		$("#west").find("div").eq(0).hide();
		$("#tab_west1").hide();
		$("#tab_west3").hide();
		switch (index) {
		case 1:
			$("#tab_west1").show();
			break;
		case 2:
			$("#west").find("div").eq(0).show();
			break;
		case 3:				
			$("#tab_west3").show();
			break;
		case 4:
			
			break;

		default:
			break;
		}
	}

</script>
